@import '../_config.scss';

.new-wiki-index{
  .top{
    margin-bottom: 30px;

    .pull-right{
      i{
        padding: 5px 15px;
        cursor: pointer;
/*         color:  rgba(153, 153, 153, 1);
 */      }

      a{
        &.active{
          color: $color-private;
        }
      }
    }

    ul{
      margin: 0;
      padding: 0;
      list-style-type: none;
      display: flex;
      flex-flow: row nowrap;

      li{
        cursor: pointer;
        padding: 5px 15px;
        &.active{
          border: 1px solid $color-private;
          border-radius: 2px 2px 2px 2px;
          color: $color-private;
          a{
            color: $color-private
          }
        }
      }
    }
  }

  .list{
    .item {
      margin-bottom: 30px;

      .img{
        height: 360px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;

        &:hover{
        }
      }

      .info{

        h1{
          margin-top: 0;
          font-size: 18px;
          a{
            display: block;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
            color: #222222;
          }
        }

        .summary{
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          overflow: hidden;
          height: 40px;
        }
      }
    }

    &.block {
      .item {
        .img{
          height: 360px;
        }

        .info{
          padding: 20px 30px;
          background-color: rgba(246, 247, 252, 1);

          span{
            font-size: 14px;
            color: #666666;
          }
        }
      }
    }

    &.line {
      .item {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;

        .img{
          width: 120px;
          height: 100px;
          margin-right: 20px;
        }

        .info{
          width: 80%;
        }
      }
    }
  }
}

.wiki-index{
  background-color: #ffffff;

  h3.title {
    color: $color-normal;
    font-size: 16px;
    margin-bottom: 20px;
  }
  .info-item{
    padding-bottom: 20px;

    .info-item-img{
      width: 100%;
      height: 100px;
    }

    .info-item-content{
      a, a:hover, a:focus, a:active {
        color: $color-title;
        text-decoration: none;
      }
      a:hover{
        color: $color-private;
      }
      h5.title {
        margin-top: 0px;
      }
    }
  }
}
.wiki-index-pagination {
  margin-top: 15px;
  padding: 2px 15px;
  background-color: #fff;
  height: 65px;
  .pagination {
    float: right;
  }
}


.de-line{
  margin: 0;
}

.mobile-wiki-index{
  padding-bottom: 70px;
  padding-bottom: 18.66vw;
  .item{
    display: block;
    border-bottom: 10px solid #F4F4F4;
    .item-img{
      width: 100%;
      height: 195px;
      height: 52vw;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
      border-bottom: 1px solid #F4F4F4;
    }

    h1{
      margin: 10px 15px;
      margin: 2.66vw 4vw;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: block-axis;
      max-height: 40px;
      line-height: 20px;
      font-size: 18px;
      /* font-size: 4.8vw; */
      color: #222222;
    }

    p{
      font-size: 14px;
      /* font-size: 3.73vw; */
      margin: 0 15px 10px 15px;
      margin: 0 4vw 2.66vw 4vw;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #999999;
    }
  }

  .wiki-index-pagination {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 30px;
    .pagination {
      float: inherit;
      margin: 10px 0;
    }
  }
}
